<script src="../../SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="/style.css" rel="stylesheet" type="text/css" />

<table width="100%">

<tbody>
  <tr>
    <td height="18" colspan="6" valign="top" class="navrapide"><div align="left"><span class="nav">Vous &ecirc;tes ici: </span><a href="../../index.php">Accueil</a>&gt;<a href="espace_client.php?onglet=espace_client&amp;page=accueil_espace_client">Espace Client</a>&gt;<strong> Commande de prestation&nbsp;</strong></div></td>
    </tr>
  <tr>
    <td height="34" colspan="6" valign="top"><div align="left">
      <h1>Sélectionner les prestations que vous désirez :</h1>
    </div>    
    </td>
  </tr>
  <tr>			
  <td valign="top">&nbsp;</td>
    <td valign="top"><div id="CollapsiblePanel1" class="CollapsiblePanel">
    
       
      <div class="CollapsiblePanelTab" tabindex="0" style="background:url(images/delete.png) no-repeat;height:100px;width:900px;">
        <p align="center">&nbsp;</p>
        <p align="center">&nbsp;</p>
      </div>
      <div class="CollapsiblePanelContent">        
      
    <?php foreach ( $listePrestation as $prestation) { ?>
        <?php if ( $prestation['nature']==1 ) { ?>
          <form method="post" action="espace_administration.php?onglet=administration&page=gestion_services&action=creation">
          <table width="100%" border="0">
              <td width="120"  style="vertical-align:top;">
              <div class="service_titre">
              	<strong><?php echo $prestation['libelle_prestation'];?></strong>
              </div>   
			<?php foreach ( $listeFamille as $famille)
		  	{ 
                echo '<fieldset>';
 				echo '<legend>'.$famille['libelle_famille'].'</legend>';
              	if ( $famille['code_prestation']==$prestation['code_prestation'] ) 
				{                     	
					foreach ( $listeService as $service) 
					{
						if ( $service['code_famille']==$famille['code_famille'] ) 
						{                             
                            echo '<div><tr>';
                            echo '<label for="'.  $service['code_service'] .'">'.$service['libelle_service'].' - cout unitaire : '.$service['prix_unitaire_HT'].' (TVA '.$service['taux_tva'].' %) Nombre à commander :</label>';
                            echo '<input type="text" name="'.$service['code_service'].'" id="code_service"  required/>';	
                         	echo '</tr></div>';
               			}              
	           		}                 	
				} 
				echo '</fieldset>';
			} ?>
        
        <?php } ?>
        </td>
        </table>
    <?php } ?>
              
        </div>

    <td width="8%" colspan="2" rowspan="3" valign="top">&nbsp;</td>
    </tr>
  <tr>
    <td valign="top">&nbsp;</td>
    </tr>
  <tr>
  <td valign="top" width="13%">&nbsp;</td>
<td valign="top" width="26%"><div id="CollapsiblePanel2" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0" style="background:url(images/auto.png) no-repeat;height:100px;width:900px;">
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
  </div>
  <div class="CollapsiblePanelContent">
    <div class="service_titre"><strong>Entretien</strong></div>
    <div>Amortisseurs</div>
    <div>
      Vidange    </div>
    <div>Niveaux</div>
    <div>
      Freins
        <div>
          Climatisation
            <div>Changement des pneus
              <div class="service_titre"><strong>Acquisition</strong></div>
              <div>Carte grise</div>
              <div>Contr&ocirc;le technique
                <div class="service_titre"><strong>Nettoyage</strong></div>
                <div>Int&eacute;rieur et ext&eacute;rieur</div>
              </div>
            </div>
        </div>
    </div>
  </div>
</div
></div>
</tr>

  <tr>
  <td valign="top" width="13%">&nbsp;</td>
<td valign="top" width="26%"><div id="CollapsiblePanel3" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0" style="background:url(images/auto.png) no-repeat;height:100px;width:900px;">
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
  </div>
  <div class="CollapsiblePanelContent">
    <div class="service_titre"><strong>Entretien</strong></div>
    <div>Amortisseurs</div>
    <div>
      Vidange    </div>
    <div>Niveaux</div>
    <div>
      Freins
        <div>
          Climatisation
            <div>Changement des pneus
              <div class="service_titre"><strong>Acquisition</strong></div>
              <div>Carte grise</div>
              <div>Contr&ocirc;le technique
                <div class="service_titre"><strong>Nettoyage</strong></div>
                <div>Int&eacute;rieur et ext&eacute;rieur</div>
              </div>
            </div>
        </div>
    </div>
  </div>
</div>
</div>
</tr>

 <tr>
  <td valign="top" width="13%">&nbsp;</td>
<td valign="top" width="26%"><div id="CollapsiblePanel4" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0" style="background:url(images/auto.png) no-repeat;height:100px;width:900px;">
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
  </div>
  <div class="CollapsiblePanelContent">
    <div class="service_titre"><strong>Entretien</strong></div>
    <div>Amortisseurs</div>
    <div>
      Vidange    </div>
    <div>Niveaux</div>
    <div>
      Freins
        <div>
          Climatisation
            <div>Changement des pneus
              <div class="service_titre"><strong>Acquisition</strong></div>
              <div>Carte grise</div>
              <div>Contr&ocirc;le technique
                <div class="service_titre"><strong>Nettoyage</strong></div>
                <div>Int&eacute;rieur et ext&eacute;rieur</div>
              </div>
            </div>
        </div>
    </div>
  </div>
</div>
</div>
</tr>

 <tr>
  <td valign="top" width="13%">&nbsp;</td>
<td valign="top" width="26%"><div id="CollapsiblePanel5" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0" style="background:url(images/auto.png) no-repeat;height:100px;width:900px;">
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
  </div>
  <div class="CollapsiblePanelContent">
    <div class="service_titre"><strong>Entretien</strong></div>
    <div>Amortisseurs</div>
    <div>
      Vidange    </div>
    <div>Niveaux</div>
    <div>
      Freins
        <div>
          Climatisation
            <div>Changement des pneus
              <div class="service_titre"><strong>Acquisition</strong></div>
              <div>Carte grise</div>
              <div>Contr&ocirc;le technique
                <div class="service_titre"><strong>Nettoyage</strong></div>
                <div>Int&eacute;rieur et ext&eacute;rieur</div>
              </div>
            </div>
        </div>
    </div>
  </div>
</div><p align="center">&nbsp;</p>
</div>
</tr>


  <tr>
    <td colspan="6" valign="top"><em>liste non exhaustive</em></td>
    </tr>
</table>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});

//-->
</script>
